@charset "UTF-8";

/* The main options form */
#paf-form {
}

.paf-code-block {
    background: rgba(0, 0, 0, .1);
}

/* Labels using images */
.paf-label-with-image input {
    display: none;
}

.paf-label-with-image > input + img {
    cursor: pointer;
    border: 3px solid transparent;
    margin: 1em 1em 0 0;
    padding: 1px;
}

html[dir=rtl] .paf-label-with-image > input + img {
    margin: 1em 0 0 1em;
}

.paf-label-with-image > input:checked + img {
    border: 3px solid #2EA2CC;
}

.paf-option-type-media-preview {
    margin: .5em 2px 0 2px;
}

.paf-option-type-media-preview img {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
    max-height: 100px;
    max-width: 100px;
    padding: 2px;
}

.paf-option-type-media-preview a {
    background: #EEE;
    box-shadow: 0 0 0 1px #FFF, 0 0 0 2px rgba(0, 0, 0, .15);
    color: transparent;
    display: inline-block;
    height: 24px;
    outline: none;
    position: relative;
    right: 20px;
    top: 3px;
    overflow: hidden;
    width: 24px;
    z-index: 10;
}

.paf-option-type-media-preview a:hover {
    background: #1E8CBE;
}

.paf-option-type-media-preview a div {
    background-position: -40px 0;
    height: 15px;
    width: 15px;
    margin: 5px;
}

.paf-option-type-media-preview a:hover div {
    background-position: -60px 0;
}